<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04猜数字练习</title>
</head>
<body>
    <h3>已生成一个1~100的随机数</h3>
    <input type="text" placeholder="请输入您猜的数字!">
    <button onclick="guess()">点我验证</button>
    <h3>小提示: <span></span> </h3>
    <script>
        let n = parseInt(Math.random()*100+1);
        console.log('打个小抄:'+n);
        var count = 0;
        function guess() {
            let g = document.querySelector('input').value;
            if (isNaN(g)){
                alert('请输入数字!')
                return;
            }
            let spanE = document.querySelector('span');
            count++;
            if (g > n) {
                spanE.innerHTML = '猜大了';
            } else if (g < n) {
                spanE.innerHTML = '猜小了';
            } else {
                spanE.innerHTML = '恭喜你用了' + count + '次就猜对了!'
            }
        }
    </script>
</body>
</html>